<style type="text/css">
    .bg {
        background: #eee;
        padding-top: 48px;
        padding-bottom: 10px;
    }
    .daixao_intro{
        font-size: 12.8px;
        color: #666;
        line-height: 28px;
        background:#fff;
        margin: 6px 0;
        padding: 10px 20px;
    }
    .red{
        color: red;
    }
    .daixao_intro a{
        color: blue;
    }
    .daixiao_list li{
        background: #fff;
        padding: 0 14px;
    }
    .daixiao_prod img{
        width: 48px;
        height: 48px;
        margin-right: 8px;
    }
    .daixao_title{
        height: 34px;
        line-height: 34px;
        font-size: 12.8px;
        color: #999;
    }
    .daixiao_status{
        color: red;
    }
    .daixiao_prod{
        padding: 8px 0;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }
    .daixiao_count{
        text-align: right;
        font-size: 13px;
        color: #999;
        height: 34px;
        line-height: 34px;
    }
    .daixiao_list li+li{
        margin-top: 6px;
    }
    .daixiao_prod span{
        color: #999;
    }
    .order_tabs{
        background: #fff;
        height: 42px;
        line-height: 42px;
        border-top: 1px solid #eee;
        margin-bottom: 6px;
    }
    .order_tabs a{
        width: 100%;
        text-align: center;
        font-size: 12.8px;
    }
    .order_tabs a.active{
        border-bottom: 2px solid red;
    }
    .order_panel{
        padding: 10px 40px;
        border-top: 1px solid #f1f1f1;
    }
    .order_panel a{
        float: left;
        width: calc((100% - 40px) / 2);
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 12.8px;
        color: #fff;
        background: #999;
        border-radius: 4px;
    }
    .order_panel a+a{
        margin-left: 40px;
        background: #f25353;
    }
</style>



<div class="pro_header">
    <a href="javascript:history.go(-1)" class="return_btn"></a>
    <?= $this->title ?>
    <a href="<?= url(['site/index']) ?>" class="to_home_btn"></a>
</div>


<p class="order_tabs flex-nowrap">
    <a href="" class="active">待提货</a>
    <a href="">待发货</a>
    <a href="">已发货</a>
    <a href="">已完成</a>
</p>
<ul class="daixiao_list">
   <!--  <li>
        <p class="daixao_title clear_fl">
            <span class="lf daixiao_name">代销单号：81245308426318355</span>
            <span class="rt daixiao_status">待提货</span>
        </p>
        <p class="daixiao_prod">
            <img src="/images/9a3135ff-7858-433b-8192-294cbd4445f9.jpg">
            <span>大悲咒竹简精装</span>
        </p>
        <p class="daixiao_count">共 1 件商品 实付￥10 消耗积分：10</p>
        <p class="order_panel clear_fl">
            <a href="">提货</a>
            <a href="">代销</a>
        </p>
    </li>
    <li>
        <p class="daixao_title clear_fl">
            <span class="lf daixiao_name">代销单号：81245308426318355</span>
            <span class="rt daixiao_status">待提货</span>
        </p>
        <p class="daixiao_prod">
            <img src="/images/9a3135ff-7858-433b-8192-294cbd4445f9.jpg">
            <span>大悲咒竹简精装</span>
        </p>
        <p class="daixiao_count">共 1 件商品 实付￥10 消耗积分：10</p>
        <p class="order_panel clear_fl">
            <a href="">提货</a>
            <a href="">代销</a>
        </p>
    </li>
    <li>
        <p class="daixao_title clear_fl">
            <span class="lf daixiao_name">代销单号：81245308426318355</span>
            <span class="rt daixiao_status">待提货</span>
        </p>
        <p class="daixiao_prod">
            <img src="/images/9a3135ff-7858-433b-8192-294cbd4445f9.jpg">
            <span>大悲咒竹简精装</span>
        </p>
        <p class="daixiao_count">共 1 件商品 实付￥10 消耗积分：10</p>
        <p class="order_panel clear_fl">
            <a href="">提货</a>
            <a href="">代销</a>
        </p>
    </li> -->
    
</ul>